<script>
    $(document).ready(function(){          
        $(".SubMenu").hover(function(){
            $(this).children('.SubMenu2').stop();
            $(this).children('.SubMenu2').animate({
                top: '-158px',
                height: '140px'
            }, 'normal');            
        }, function(){
            $(this).children('.SubMenu2').stop();
            $(this).children('.SubMenu2').animate({
                height: '0px',
                top: '-15px'
            }, 'normal');                   
        });        
    });
</script>
<div id="Menu">
	<div class="MenuHook"> 
            <img src="<?php echo base_url(); ?>front-end/images/menu_hook_left.png" />
    </div>
    <div id="MenuBar">
        
        <div class="SubMenu<?php if (isset($menu_item) && $menu_item == VAN_CHUONG) echo ' Active' ?>">
            <a href="<?php echo base_url(); ?>van-chuong">
                <img src="<?php echo base_url(); ?>front-end/images/vanchuong.png"/>
            </a>
        </div>
        <div id="bietthu" class="SubMenu<?php if (isset($menu_item) && $menu_item == BIET_THU_LAU_DAI) echo ' Active' ?>">
            <a href="<?php echo base_url(); ?>biet-thu-lau-dai">
                <span><img src="<?php echo base_url(); ?>front-end/images/bietthu-laudai.png" /></span>
            </a>
            <ul class="SubMenu2" style="height: 0px; display: block;">
                <?php if (!empty($category_spot_list[BIET_THU_LAU_DAI])):?>
                    <?php $count = 0; foreach ($category_spot_list[BIET_THU_LAU_DAI] as $building_spot):?>
                        <li class="<?php echo (($count == 0) ? "lifirst" : "")?>"><a title="<?php echo $building_spot->building_name?>" href="<?php echo base_url('biet-thu-lau-dai/'.$building_spot->building_id)?>"><?php echo $building_spot->building_name?></a></li>
                        <?php $count++;?>
                    <?php endforeach;?>
                    <li class="lilast"><a href="<?php echo base_url(); ?>biet-thu-lau-dai" class="sflink">Xem thêm ...</a></li>
                <?php else:?>    
                    <li class="lifirst"><a href="<?php echo base_url(); ?>biet-thu-lau-dai" class="sflink">Xem thêm ...</a></li>
                <?php endif;?>
            </ul>
        </div>
        <div class="SubMenu<?php if (isset($menu_item) && $menu_item == KHACH_SAN_NHA_HANG) echo ' Active' ?>">
            <a href="<?php echo base_url(); ?>khach-san-nha-hang">
                <img src="<?php echo base_url(); ?>front-end/images/khachsan-nhahang.png"/>
            </a>
            <ul class="SubMenu2" style="height: 0px; display: block;">
                <?php if (!empty($category_spot_list[KHACH_SAN_NHA_HANG])):?>
                    <?php $count = 0; foreach ($category_spot_list[KHACH_SAN_NHA_HANG] as $building_spot):?>
                        <li class="<?php echo (($count == 0) ? "lifirst" : "")?>"><a title="<?php echo $building_spot->building_name?>" href="<?php echo base_url('khach-san-nha-hang/'.$building_spot->building_id)?>"><?php echo $building_spot->building_name?></a></li>
                        <?php $count++;?>
                    <?php endforeach;?>
                    <li class="lilast"><a href="<?php echo base_url(); ?>khach-san-nha-hang" class="sflink">Xem thêm ...</a></li>
                <?php else:?>    
                    <li class="lifirst"><a href="<?php echo base_url(); ?>khach-san-nha-hang" class="sflink">Xem thêm ...</a></li>
                <?php endif;?>
            </ul>
        </div >
        <div class="SubMenu<?php if (isset($menu_item) && $menu_item == NOI_THAT_NGOAI_THAT) echo ' Active' ?>">
            <a href="<?php echo base_url(); ?>noi-that-ngoai-that">
                <img src="<?php echo base_url(); ?>front-end/images/noithat-ngoaithat.png"/>
            </a>
            <ul class="SubMenu2" style="height: 0px; display: block;">
                <?php if (!empty($category_spot_list[NOI_THAT_NGOAI_THAT])):?>
                    <?php $count = 0; foreach ($category_spot_list[NOI_THAT_NGOAI_THAT] as $building_spot):?>
                        <li class="<?php echo (($count == 0) ? "lifirst" : "")?>"><a title="<?php echo $building_spot->building_name?>" href="<?php echo base_url('noi-that-ngoai-that/'.$building_spot->building_id)?>"><?php echo $building_spot->building_name?></a></li>
                        <?php $count++;?>
                    <?php endforeach;?>
                    <li class="lilast"><a href="<?php echo base_url(); ?>noi-that-ngoai-that" class="sflink">Xem thêm ...</a></li>
                <?php else:?>    
                    <li class="lifirst"><a href="<?php echo base_url(); ?>noi-that-ngoai-that" class="sflink">Xem thêm ...</a></li>
                <?php endif;?>
            </ul>
        </div>
        <div class="SubMenu<?php if (isset($menu_item) && $menu_item == QUY_HOACH) echo ' Active' ?>">
            <a href="<?php echo base_url(); ?>quy-hoach">
                <img src="<?php echo base_url(); ?>front-end/images/quyhoach.png" />
            </a>
            <ul class="SubMenu2" style="height: 0px; display: block;">
                <?php if (!empty($category_spot_list[QUY_HOACH])):?>
                    <?php $count = 0; foreach ($category_spot_list[QUY_HOACH] as $building_spot):?>
                <li class="<?php echo (($count == 0) ? "lifirst" : "")?>"><a title="<?php echo $building_spot->building_name?>" href="<?php echo base_url('quy-hoach/'.$building_spot->building_id)?>"><?php echo $building_spot->building_name?></a></li>
                        <?php $count++;?>
                    <?php endforeach;?>
                    <li class="lilast"><a href="<?php echo base_url(); ?>quy-hoach" class="sflink">Xem thêm ...</a></li>
                <?php else:?>    
                    <li class="lifirst"><a href="<?php echo base_url(); ?>quy-hoach" class="sflink">Xem thêm ...</a></li>
                <?php endif;?>
            </ul>
        </div>
        <div class="SubMenu<?php if (isset($menu_item) && $menu_item == NHA_ONG_NHA_PHO) echo ' Active' ?>" style="padding-bottom: 5px; padding-top: 5px;">
            <a href="<?php echo base_url(); ?>nha-ong-nha-pho">
                <img src="<?php echo base_url(); ?>front-end/images/nhaong-nhapho.png"/>
            </a>
            <ul class="SubMenu2" style="height: 0px; display: block;">
                <?php if (!empty($category_spot_list[NHA_ONG_NHA_PHO])):?>
                    <?php $count = 0; foreach ($category_spot_list[NHA_ONG_NHA_PHO] as $building_spot):?>
                        <li class="<?php echo (($count == 0) ? "lifirst" : "")?>"><a title="<?php echo $building_spot->building_name?>" href="<?php echo base_url('nha-ong-nha-pho/'.$building_spot->building_id)?>"><?php echo $building_spot->building_name?></a></li>
                        <?php $count++;?>
                    <?php endforeach;?>
                    <li class="lilast"><a href="<?php echo base_url(); ?>nha-ong-nha-pho" class="sflink">Xem thêm ...</a></li>
                <?php else:?>    
                    <li class="lifirst"><a href="<?php echo base_url(); ?>nha-ong-nha-pho" class="sflink">Xem thêm ...</a></li>
                <?php endif;?>
            </ul>
        </div>
        <div class="SubMenu<?php if (isset($menu_item) && $menu_item == CONG_TRINH_CONG_CONG) echo ' Active' ?>">
            <a href="<?php echo base_url(); ?>cong-trinh-cong-cong">
                <img src="<?php echo base_url(); ?>front-end/images/congtrinhcongcong.png" />
            </a>
            <ul class="SubMenu2" style="height: 0px; display: block;">
                <?php if (!empty($category_spot_list[CONG_TRINH_CONG_CONG])):?>
                    <?php $count = 0; foreach ($category_spot_list[CONG_TRINH_CONG_CONG] as $building_spot):?>
                        <li class="<?php echo (($count == 0) ? "lifirst" : "")?>"><a title="<?php echo $building_spot->building_name?>" href="<?php echo base_url('cong-trinh-cong-cong/'.$building_spot->building_id)?>"><?php echo $building_spot->building_name?></a></li>
                        <?php $count++;?>
                    <?php endforeach;?>
                    <li class="lilast"><a href="<?php echo base_url(); ?>cong-trinh-cong-cong" class="sflink">Xem thêm ...</a></li>
                <?php else:?>    
                    <li class="lifirst"><a href="<?php echo base_url(); ?>cong-trinh-cong-cong" class="sflink">Xem thêm ...</a></li>
                <?php endif;?>
            </ul>
        </div>
        <div class="SubMenu<?php if (isset($menu_item) && $menu_item == THONG_TIN) echo ' Active' ?>">
            <a href="<?php echo base_url(); ?>thong-tin">
                <img src="<?php echo base_url(); ?>front-end/images/thong-tin.png" />
            </a>
            <ul class="SubMenu2" style="height: 0px; display: block; right: 0px;">
                <?php if (!empty($category_spot_list[THONG_TIN])):?>
                    <?php $count = 0; foreach ($category_spot_list[THONG_TIN] as $building_spot):?>
                        <li class="<?php echo (($count == 0) ? "lifirst" : "")?>"><a title="<?php echo $building_spot->building_name?>" href="<?php echo base_url('thong-tin/'.$building_spot->building_id)?>"><?php echo $building_spot->building_name?></a></li>
                        <?php $count++;?>
                    <?php endforeach;?>
                    <li class="lilast"><a href="<?php echo base_url(); ?>thong-tin" class="sflink">Xem thêm ...</a></li>
                <?php else:?>    
                    <li class="lifirst"><a href="<?php echo base_url(); ?>thong-tin" class="sflink">Xem thêm ...</a></li>
                <?php endif;?>
            </ul>
        </div>     
    </div>
    <div class="MenuHook" style="right: 0px;"> 
            <img src="<?php echo base_url(); ?>front-end/images/menu_hook_right.png" />
    </div>
</div>